<style>
    .table thead th{
        text-align: center;
        vertical-align: top;
    }
</style>
<div class="dashboard-wrapper">
    <div style="margin-right: 0px;" class="left-sidebar">


        <div class="row-fluid">
            <div class="span12">
                <div class="widget">
                    <div class="widget-header">
                        <div class="title">
                            Danh sách chi tiết phiếu xuất kho 
                        </div>
                        <!--<span class="tools">

                            <div class="wrapper">
                                <div class="btn-toolbar no-margin">
                                    <div class="btn-group">
                                        <a data-original-title="" class="btn btn-info bottom-margin" href="<?= URL::base() ?>admin/add-xuat-kho.html" id="prompt">
                                            Tạo Phiếu Xuất Kho
                                        </a>


                                    </div>
                                    <div class="btn-group">
                                        <a id='confirm' data-original-title="" class="btn btn-inverse bottom-margin" href="#" id="error">
                                            Xoá cái đã chọn
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </span>-->
                    </div>
                    <div class="widget-body">
                        <div class="example_alt_pagination" id="dt_example">
                            <div role="grid" class="dataTables_wrapper" id="data-table_wrapper">
                                <div id="data-table_length" class="dataTables_length">
                                    <label>Show 
                                        <select name="data-table_length" size="1" aria-controls="data-table">
                                            <option value="10" selected="selected">10</option>
                                            <option value="25">25</option>
                                            <option value="50">50</option>
                                            <option value="100">100</option></select> </label>
                                </div>

                                <div class="dataTables_filter" id="data-table_filter">                                     
                                    <select rel="1" class="search_init select_filter form-control">
                                        <option class="search_init" value="">Phiếu nhập kho</option>
                                        <option value="G%u0110">Prince Residence_01</option>
                                        <option value="TPD">Prince Residence_02</option>
                                    </select>
                                </div>
                                <div class="dataTables_filter" id="data-table_filter">
                                    <select rel="1" class="search_init select_filter form-control">
                                        <option class="search_init" value="">Nhà cung cấp</option>
                                        <option value="G%u0110">Công Ty A</option>
                                        <option value="TPD">Công Ty B</option>

                                    </select>

                                </div>

                                <div class="dataTables_filter" id="data-table_filter">
                                    <select rel="1" class="search_init select_filter form-control">
                                        <option class="search_init" value="">Nhóm sản phẩm dịch vụ</option>
                                        <option value="G%u0110">BÊ TÔNG</option>
                                        <option value="TPD">CÁC SAN</option>

                                    </select>

                                </div>
                                <div class="dataTables_filter" id="data-table_filter">
                                    <label>Tìm kiếm:
                                        <select rel="1" class="search_init select_filter form-control">
                                            <option class="search_init" value="">Mã dự án</option>
                                            <option value="G%u0110">The Prince Residence1</option>
                                            <option value="TPD">The Prince Residence2</option>

                                        </select>
                                    </label>

                                </div>


                                <table id="data-table" class="table table-condensed table-striped table-hover table-bordered pull-left dataTable" aria-describedby="data-table_info">

                                    <thead>
                                        <tr role="row">
                                            <th class="hidden-phone not-sort" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 30px;" aria-label="
                                                ID
                                                : activate to sort column ascending">
                                                ID 
                                            </th>

                                            <th class="hidden-phone not-sort" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 239px;" aria-label="
                                                Mã vật tư
                                                : activate to sort column ascending">
                                                Mã vật tư 
                                            </th>


                                            <th class="hidden-phone not-sort" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 100px;" aria-label="
                                                Số lượng xuất  
                                                : activate to sort column ascending">
                                                Số lượng xuất 
                                            </th>
                                            <th class="hidden-phone not-sort" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 100px;" aria-label="
                                                Số lượng   
                                                : activate to sort column ascending">
                                                Số lượng  
                                            </th>
                                            <th class="hidden-phone not-sort" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 160px;" aria-label="
                                                Đơn giá 
                                                : activate to sort column ascending">
                                                Đơn giá
                                            </th>
                                            <th class="hidden-phone not-sort" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 250px;" aria-label="
                                                Diễn giải
                                                : activate to sort column ascending">
                                                Diễn giải
                                            </th>
                                            <th class="hidden-phone not-sort" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 160px;" aria-label="
                                                Còn Lại
                                                : activate to sort column ascending">
                                                Còn Lại
                                            </th>

                                            <th class="hidden-phone not-sort" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 106px;" aria-label="
                                                Thành tiền còn lại
                                                : activate to sort column ascending">
                                                Thành tiền còn lại
                                            </th>
                                            <th class="hidden-phone not-sort" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 106px;" aria-label="
                                                Thành tiền còn lại VAT
                                                : activate to sort column ascending">
                                                Thành tiền còn lại VAT
                                            </th>


                                            <th class="hidden-phone not-sort" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 120px;" aria-label="
                                                Chi Tiết
                                                : activate to sort column ascending">
                                                Chi Tiết
                                            </th>
                                        </tr>
                                    </thead>

                                    <tbody role="alert" aria-live="polite" aria-relevant="all">
                                        <?php 
                                        $r = array("Cát","Bê tông",'Thép','Kính chịu lực',"Xi Măng","Nhôm","Gỗ");
                                        for($i=1;$i<=20;$i++){ ?>
                                            <tr class="odd">
                                                <td class="hidden-phone ">
                                                    <?= $i ?>  
                                                </td>

                                                <td class="hidden-phone ">
                                                    <?= $r[rand(0,6)] ?> ET<?= $i ?>  
                                                </td>
                                                <td class="hidden-phone ">
                                                    <?= rand(1,300) ?>
                                                </td>

                                                <td class="hidden-phone ">
                                                    <?= rand(1,300) ?>.00
                                                </td>

                                                <td class="hidden-phone ">
                                                    <?= rand(1,300) ?>.002.<?= rand(1,300) ?>
                                                </td>
                                                <td class="hidden-phone ">
                                                    BPO-<?= rand(1,300) ?>
                                                </td>
                                                <td class="hidden-phone ">
                                                    <?= rand(1,300) ?>.00
                                                </td>
                                                <td class="hidden-phone ">
                                                    <?= rand(1,300) ?>.000.000
                                                </td>
                                                <td class="hidden-phone ">
                                                    <?= rand(1,300) ?>.000.000
                                                </td>

                                                <td style="text-align: center;" class="hidden-phone ">

                                                    <a class="btn btn-info" href="<?= URL::base() ?>admin/edit-xuat-kho.html" data-original-title="Xem chi tiết" title="Xem chi tiết">
                                                        <i class="icon-white icon-books">
                                                        </i>
                                                    </a>
                                                    <a data-original-title="Xuất kho" title="Xuất kho" href="<?= URL::base() ?>admin/add-xuat-kho.html" class="btn btn-info">
                                                        <i class="icon-white icon-edit">
                                                        </i>
                                                    </a>
                                                    <!--<a class="btn btn-inverse" href="#" data-original-title="">
                                                        <i class="icon-white icon-trash">
                                                        </i>
                                                    </a>-->
                                                </td>
                                            </tr>
                                            <?php
                                        }
                                        ?>



                                    </tbody></table><div class="dataTables_info" id="data-table_info">Showing 1 to 10 of 13 entries</div><div class="dataTables_paginate paging_full_numbers" id="data-table_paginate"><a class="first paginate_button paginate_button_disabled" tabindex="0" id="data-table_first">First</a><a class="previous paginate_button paginate_button_disabled" tabindex="0" id="data-table_previous">Previous</a><span><a class="paginate_active" tabindex="0">1</a><a class="paginate_button" tabindex="0">2</a></span><a class="next paginate_button" tabindex="0" id="data-table_next">Next</a><a class="last paginate_button" tabindex="0" id="data-table_last">Last</a></div></div>
                            <div class="clearfix">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>




    </div>


</div>